<template>
  <div class="nodata">
    <img class="image" src="https://img01.yzcdn.cn/vant/empty-image-default.png" />
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'noData',
  data () {
    return {

    }
  },
  methods: {

  },
  mounted () {

  }
}
</script>

<style lang='scss' src='' scoped>
  .nodata {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 50px 0;
  }

  .image {
    width: 15rem;
    object-fit: cover;
    margin-bottom: 36px;
  }

  .text {
    font-size: 1.6rem;
    font-weight: 500;
    color: #5C5F66;
    margin-bottom: 11px;
    font-weight: bold;
  }

  .text2 {
    width: 169px;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: center;
    color: #C9CBCF;
    line-height: 18px
  }
</style>
